<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="shortcut icon" href="favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<link rel="stylesheet" type="text/css" href="css/bottom.css"/>
		<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
		<script type="text/javascript" src="js/cookie.js" ></script>
		<script>
			$(function(){
				$("#content .re_w .img").animate({"margin-left":0},800)
				$("#content .re_w .register").animate({"margin-right":0},800)
				$("#footer .bottom .bottom-bottom").load("bottom-bottom.html");
				$("#footer").css({"margin-top":"40px"});
				$("#content .re_w .register .register_t .btn").click(function(){
					var name = $("#content .re_w .register .register_t .name").val();
					var pass = $("#content .re_w .register .register_t .pass").val();
					if(name != getCookie("name")){
						alert("用户名不存在");
					}else if(pass != getCookie("pass")){
						alert("密码错误");
					}else if(name == '' || pass == ''){
						alert("您的信息没完善!")
					}else{
						alert("登录成功");
						setCookie("login","true")
						window.location.href = "index.html";
					}
				})
			})
		</script>
	</head>
	<body>
		<div id="header">
			<div class="re_w">
				<h1 class="l"><a href="index.html" title="首页" ><img src="login-img/logo.jpg" title="首页" alt="首页" /></a><span>欢迎登录</span></h1>
				<p class="r">
					<a href="#" class="weixin"></a>
					<a href="#" class="sina"></a>
					<a href="#" class="qq"></a>
				</p>
			</div>
		</div>
		<div id="content">
			<div class="re_w">
				<div class="img l">
					<img src="login-img/registerPic.jpg" />
				</div>
				<div class="register r">
					<ul class="type">
						<li>还没有账号! <a href="register.html"> 立即注册</a></li>
					</ul>
					<!--手机注册-->
					<div class="register_t">
						<p>账户名</p>
						<input class="name" type="text" placeholder="手机号/用户名/邮箱" />
						<p>密码</p>
						<input class="pass" type="password" />
						<div class="jizhu">
							<input type="checkbox" />
							请保存我这次的登录信息。
							<a class="r" href="#">忘记密码 ? </a>
						</div>
						<a class="btn" href="javascript:;">立 即 登 录</a>
						<p class="zhifu">
							<a class="weixin" href="#"><i></i>&nbsp;&nbsp;微信</a></li>
							<a class="qq" href="#"><i></i>&nbsp;&nbsp;QQ</a></li>
							<a class="sina" href="#"><i></i>&nbsp;&nbsp;新浪</a></li>
							<a class="bao" href="#"><i></i>&nbsp;&nbsp;支付宝</a></li>
						</p>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="bottom">
				<div class="bottom-bottom">
					
				</div>
			</div>
		</div>
	</body>
</html>
